<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>轮播图</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../style/index.css" />
  </head>

  <body>
    <div id="app" class="minWidth">
      <el-form :inline="true" :form="form">
        <el-form-item>
          <el-button icon="el-icon-picture" type="primary" @click="addContract"
            >配置轮播图</el-button
          >
          <el-button icon="el-icon-picture" type="primary" @click="bj"
            >编辑</el-button
          >
        </el-form-item>
      </el-form>
      <div class="table_titel">
        <div class="titel">
          前台轮播图示例{{form.length==0?'(暂无轮播图)':''}}
        </div>
      </div>
      <el-carousel :interval="5000" height="600px" arrow="always">
        <el-carousel-item v-for="(item,index) in tableData" :key="index">
          <el-image
            style="width: 100%; height: 100%"
            :src="DomainIMG+item.Picture_URL"
          ></el-image>
        </el-carousel-item>
      </el-carousel>
    </div>
    <script
      type="text/javascript"
      src="../../../utils/jquery-3.6.0.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../utils/jquery.cookie.js"
    ></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script
      type="text/javascript"
      src="../../../component/elementUI/index.js"
    ></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/ID_Validity.js"></script>
    <script type="text/javascript" src="./js/GroupRotationPIC.js"></script>
  </body>
</html>
